<template>
  <div class="w-50 m-auto mt-5">
    <h1>Руководство пользователя</h1>
    <img class="img-fluid py-3" src="../assets/main.jpg" alt="Image">
    <p>Сервис представляет из себя три компонента: серверная часть, клиентская часть(SPA web приложение) и telegram-бот.
    </p>
    <h1 id="web-приложение">Web приложение</h1>
    <p>Работает в двух режимах: пользовательском и администраторском.</p>
    <h2 id="пользовательский-режим">Пользовательский режим</h2>
    <p>Сожержит 3 вкладки:</p>
    <ul>
      <li>Главная (с общей информацией о сайте и о компании)</li>
      <li>Написать (страница для написания запроса)</li>
      <li>Мои заявления (страница для просмотра написанных заявления и отслеживания их статуса в таблице)</li>
    </ul>
    <p>Помимо трех вкладок можно в правом левом углу сайта можно увидеть выпадающее меню с вашим именем. Если на него
      нажать то вам будет доступны два пути:</p>
    <ul>
      <li>ваш профиль (там будет вся информация, что вы о себе оставляли при регистрации, а также вам токен)</li>
      <li>страница выхода из приложения (при переходе на нее данные о вас стрираються из брауезера и вы попадаете на
        начальную страницу)</li>
    </ul>
    <p>Существуют одна страницы с расширенной информацией:</p>
    <ul>
      <li>страница запроса (информация о запросе, а также ответное сообщение. Пользователь может закрыть свое заявление в
        любое время)</li>
    </ul>
    <h2 id="режим-администратора">Режим администратора</h2>
    <p>Содержит 4 вкладки:</p>
    <ul>
      <li>Главная (такая же как и у пользователя)</li>
      <li>Заявления (просмотр заявлений всех пользователей)</li>
      <li>Пользователи (просмотр информации обо всех пользователях)</li>
      <li>Организации (просмотр информации обо всех организация)</li>
    </ul>
    <p>Помимо трех вкладок можно в правом левом углу сайта можно увидеть выпадающее меню с вашим именем. Если на него
      нажать то вам будет доступны два пути:</p>
    <ul>
      <li>ваш профиль (там будет вся информация, что вы о себе оставляли при регистрации, а также вам токен)</li>
      <li>страница выхода из приложения (при переходе на нее данные о вас стрираються из брауезера и вы попадаете на
        начальную страницу)</li>
    </ul>
    <p>В каждой из четырех вкладок за исключением Главной присутвсует таблица, которую можно фильтровать нажимая на
      названия столбцов у которых есть стрелочка <code>вниз</code> справа от названия. В таблицах также есть слова
      окрашенные в синий цвет. Если на них нажать, то вы попадете на отдельную страницу с расширенной информацией о записи
      в таблице.<br>
      Существуют три страницы с расширенной информацией:</p>
    <ul>
      <li>страница пользователя (информация о пользователе, а если пользователь имеет роль <code>user</code>, то можно
        просмотреть все его записи в виде таблицы</li>
      <li>страница запроса (информация о запросе, а также ответное сообщение или можно его написать. Администратор может
        изменить статус заявления на любой)</li>
      <li>страница организации (иформация об организации и таблица со всеми ее пользователями)</li>
    </ul>
    <h2 id="таблица">Таблица</h2>
    <p>В таблицах приложения можно осуществлять фильтрацию значений, взаимодействуя с заголовком таблицы. Если нажать на
      содержимое заголовка первого стобца, то изменится сортировка выдаваемых данные (по умолчанию выдаются самые новые
      записи, старые пользователи и старые организации сначала). Также у полей с текстовой информацией можно нажать на
      стрелочку вниз и выпадающем элементе ввода ввести текст, который вы хотите найти в данной колонке. В такой колонке
      как <code>Статус</code> в выпадающем элементе ввода вы увидите выбор из нескольких вариантов, где вы можете выбрать
      только один.</p>
    <h1 id="telegram-бот"><a href="https://t.me/form_service_telegram_bot">Telegram-бот</a></h1>
    <p>Предназначен для пользователей с ролью <code>user</code>. Чтобы начать работу с ним нужно отправить
      <code>/start</code>, после чего в приветсвенном сообщении вы увидете инструкции что делать дальше.<br>
      Для использования бота необходимо залогиниться. Отравьте <code>/login</code> и следуйте инструкциям.<br>
      После успешного входа вам будет доступен следующий перечень комманд:
    </p>
    <ul>
      <li><code>/start</code> - приветсвенное сообщение</li>
      <li><code>/write</code> - написать заявление</li>
      <li><code>/read</code> - посмотреть все свои заявления</li>
      <li><code>/read_open</code> - посмотреть только открытые заявления</li>
      <li><code>/read_closed</code> - постреть только закрытые заявления</li>
      <li><code>/unlogin</code> - выйти из учетной записи</li>
    </ul>


  </div>
</template>

<script>
export default {};
</script>

<style></style>